﻿@{
    Layout = null;
}

<!doctype html>
<html lang="zh">
<head>
    <title>@ViewBag.Title</title>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel='stylesheet' href="http://at.alicdn.com/t/font_2616361_w4vfzmd4dn.css" />
    <link href="~/CSS/iconfont.css" rel="stylesheet" />
    <link href="~/CSS/style.css" rel="stylesheet" />
    <link href="~/CSS/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/CSS/xiaoliu.css?v=5" rel="stylesheet" />
    <link href="~/CSS/element-ui.css" rel="stylesheet" />
    <script src="~/JS/jquery-3.1.1.min.js"></script>
    <script src="~/CSS/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="~/JS/vue.min.js"></script>
    <script src="~/JS/laydate/laydate.js"></script>
    <script src="~/JS/xiaoliu.js?v=1"></script>
    <script src="~/JS/element-ui.js"></script>
</head>
<body style="background-color: #f2f2f2;">

    <!-- 头部导航 -->
    <div id="menu_top" class="bofill_top">
        <div class="top_left"><img src="../../image/logo_top.png" /></div>
        <div class="top_right">
            <ul>
                <li class="fill_name">@Session["menu_jdname"]</li>
                <li class="user">@Session["menu_yhname"]</li>
                <li class="mail" onclick="menu_showmsg();" style="cursor:pointer;">
                    消息
                    <div id="menu_divmsgnum" class="mail_number">0</div>
                </li>
                <li class="quit" onclick="exitp();" style="cursor:pointer;">退出</li>
            </ul>

        </div>
    </div>
    <div class="cenbox">

        <!-- 左侧导航 -->
        <div id="menu_left" class="nav_box">
            <div class="nav_list">
                <ul>
                    <li><a href="/WenLvTing/WLTDataCenter" class="@ViewBag.WLTDataCenter"><i class="iconfont icon-fenxi navbig"></i>数据中心</a></li>
                    <li><a href="/WenLvTing/WLTJDGuanLiView" class="@ViewBag.WLTJDGuanLiView"> <i class="iconfont icon-jiudian navbig04"></i>酒店管理</a></li>
                    <li><a href="/WenLvTing/WLTGongZuoGuanLiView" class="@ViewBag.WLTGongZuoGuanLiView"><i class="iconfont icon-guanli navbig03"></i>工作管理</a></li>
                    <li><a href="/WenLvTing/BBFaBuView" class="@ViewBag.BBFaBuView"> <i class="iconfont icon-fankui navbig03"></i>发布填报</a></li>
                    <li><a href="#"> <i class="iconfont icon-tongji navbig06"></i>数据统计</a></li>
                    <li><a href="/WenLvTing/WLTZhangHuGuanLiView" class="@ViewBag.WLTZhangHuGuanLiView"><i class="iconfont icon-zhanghuguanli1 navbig04"></i>账户管理</a></li>
                    <li><a href="#" onclick="exitp();"><i class="iconfont icon-tuichu navbig05"></i>退出</a></li>
                </ul>
            </div>
        </div>

        <!-- 右侧表单 -->
        <div class="form_right">
            <div id="app" class="rightbox">
                @RenderBody()
            </div>
        </div>

    </div>
    <div class="modal fade" id="myModalMenuMsg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">酒店消息</h4>
                </div>
                <div id="menu_modalbody" class="modal-body">
                    <table class="table table-stripped table-hover">
                        <tbody>
                            <tr>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

</body>
</html>
<script>
    $(function () {
        compute_menu_height("#menu_left", 70);
        compute_menu_height("#app", 90);
        setInterval(menu_getmsgcount, 300000);
        menu_getmsgcount();
    });

    var exitp = function () {
        if (confirm("确定退出系统？")) {
            location.href = '/WenLvTing/ExitP';
        }
    }

    var menu_getmsgcount = function () {
        $.post("/WenLvTing/GetMsgInfoCount", {}, function (res) {
            $("#menu_divmsgnum").html(res);
        })
    }

    var menu_showmsg = function () {
        $('#myModalMenuMsg').modal('toggle');
        $.post("/WenLvTing/GetMsgInfoDetail", {}, function (res) {
            var msghtml = "";
            if (res.length > 0) {
                msghtml = "<table class='table table-stripped table-hover'><tbody>";
                for (var i = 0; i < res.length; i++) {
                    msghtml += "<tr><td>" + res[i].jd_name + "</td><td>" + res[i].bb_name + "</td><td>" + res[i].dt_str + "</td></tr>";
                }
                msghtml += "</tbody></table>"
            }
            $("#menu_modalbody").html(msghtml);
        })
    }
</script>



